import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)
const routes=[
    {
        path:'/',
        redirect:'/login',
        name:'首页',
        component:()=>import('@/components/Login.vue'),
        hidden:true,
    },
    {
        path:'/home',
        name:'学生管理',
        iconClass:'fa fa-users',
        redirect:'/home/student',
        // 懒加载
        component:()=>import('@/components/Home.vue'),
        // 异步组件
        // component:resolve=>require(['@/components/Home.vue'],resolve)

        children:[
            {
                path:'/home/student',
                name:'学生列表',
                iconClass:'fa fa-list',
                component:()=>import('@/components/students/StudentList.vue'),
            },
            {
                path:'/home/info',
                name:'信息列表',
                iconClass:'fa fa-list-alt',
                component:()=>import('@/components/students/InfoList.vue'),
            },
            {
                path:'/home/infos',
                name:'信息管理',
                iconClass:'fa fa-list-alt',
                component:()=>import('@/components/students/InfoLists.vue'),
            },
            {
                path:'/home/work',
                name:'作业列表',
                iconClass:'fa fa-list-ul',
                component:()=>import('@/components/students/WorkList.vue'),
            },
            {
                path:'/home/works',
                name:'作业管理',
                iconClass:'fa fa-th-list',
                component:()=>import('@/components/students/WorkMent.vue'),
            },
        ]
    },
    {
        path: '/home',
        name: '数据分析',
        iconClass: 'fa fa-bar-chart',
        component: () => import('@/components/Home'),
        children: [
            {
                path: '/home/dataview',
                name: '数据概览',
                iconClass: 'fa fa-line-chart',
                component: () => import('@/components/dataAnalysis/DataView')
            },
            {
                path: '/home/mapview',
                name: '地图概览',
                iconClass: 'fa fa-line-chart',
                component: () => import('@/components/dataAnalysis/MapView')
            },
            {
                path: '/home/travel',
                name: '旅游地图',
                iconClass: 'fa fa-line-chart',
                component: () => import('@/components/dataAnalysis/TravelMap')
            },
            {
                path: '/home/score',
                name: '分数地图',
                iconClass: 'fa fa-line-chart',
                component: () => import('@/components/dataAnalysis/ScoreMap')
            }
        ]
    },
    {
        path: '/users',
        name: '用户中心',
        iconClass: 'fa fa-user',
        component: () => import('@/components/Home'),
        children: [
            {
                path: '/users/user',
                name: '权限管理',
                iconClass: 'fa fa-user',
                component: () => import('@/components/users/User')
            }
        ]
    },
    {
        path:'/login',
        name: 'Login',
        hidden:true,
        component:()=>import('@/components/Login.vue'),
    },
    {
        path:'*',
        hidden:true,
        component:()=>import('@/components/NotFound.vue'),
    }
]
const router=new VueRouter({
    mode:'history',
    routes
})
// 路由守卫
router.beforeEach((to,from,next)=>{
    if(!localStorage.getItem('username')){
        if(to.path!=='/login'){
           next('/login') 
        }else{
            next()
        }
        
    }else{
        next()
    }
  })
export default router